<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>支付</title>
		<link rel="stylesheet" href="../css/payment.css">
		<link rel="stylesheet" type="text/css" href="../fonts/iconfont.css">
		<style>
			.iconfont {
				vertical-align: middle;
			}
		</style>
	</head>
	<body>
		<div class="dinwei">
			<div class="heard">
				<div class="content">
					<div class="box1">
						<div class="one">
							<a href="">oppo官网</a>
							<a href="">一加官网</a>
						</div>
						<div class="one-1">
							<a href="" id="act">下载OPPO商城App</a>
							<a href="./profile.html"><span
									class="iconfont icon-yonghu-xianxing"></span>&nbsp;&nbsp;倾念დ</a>
							<a href="./profile.html">我的订单</a>
							<a href="../index.html">退出</a>
							<a href="" style="border: none;">&#128722;购物车(0)</a>
						</div>
					</div>
				</div>
			</div>
			<div class="column">
				<div class="content">
					<div class="two">
						<h1>
							<a href="./indextwo.html">
								<img src="../img/9c6f387.png" style="width: 238px;height: 50px; display: inline-block;">
							</a>
						</h1>
						<div class="two1">
							<a href="">OPPO专区</a>
							<a href="">OnePlus专区</a>
							<a href="">智能硬件</a>
							<a href="">服务</a>
						</div>
						<div class="two2">
							<input type="text" placeholder="OPPO K10x">
							<span style="display: inline-block; margin-left:-3px; "><span id="btno"
									style="display: inline-block; margin-left:-3px;"><span
										class="iconfont icon-search"></span></span></span>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="content">
			<div class="box-er">
				<img src="../img/二维码.jpg" alt="">
				<p>扫描下载OPPO商城App</p>
			</div>
		</div>

		<div class="three">
			<div class="three1">
				<img src="../img/zifu/图标.png" alt="">
				<p style="font-size: 16px; margin-top: 13px; display: inline-block;">订单已提交，等待付款<span
						style="color: red;">¥9488.00</span></p>
				<p style="font-size: 14px; margin-top: 20px;"><span id="daojisi"
						style="color:red;">30分钟</span>内未付款将自动取消订单
				</p>
			</div>

		</div>
		<div class="four">
			<p>订单详情</p>
			<p>订单号：220930141985919132</p>
			<p>商品名称：OPPO Reno8 Pro+ 12G+256G 逍遥青 官方标配OPPO Find X5 Pro 白瓷 12G+256G 官方标配 </p>
			<p>收货信息：赵诣深 15587325036 山东省 济宁市 金乡县 阳光花园9号楼2单元401</p>
			<p>交易时间：2022-09-30 14:57:11</p>
		</div>
		<div class="five">
			<p>支付方式</p>
		</div>
		<div class="six">
			<div>
				<div class="six1" id="zifubao">
					<img src="../img/zifu/支付宝.png" alt="">
					<span style="margin-left: 10px;">支付宝</span>
				</div>
				<div class="six1" id="huabeifen">
					<img src="../img/zifu/花呗分期.png" alt="">
					<span style="margin-left: 10px;">花呗分期</span>

				</div>
				<div class="six1" id="huabei">
					<img src="../img/zifu/花呗.png" alt="">
					<span style="margin-left: 10px;">花呗</span>
				</div>
				<div class="six1" id="wx">
					<img src="../img/zifu/微信.png" alt="">
					<span style="margin-left: 10px;">微信支付</span>
				</div>
			</div>
			<div class="hide" id="fenqi">
				<div class="six2" id="qi3">
					<div class="six3" id="mianx1">免息</div>
					<p>￥1313*3期</p>
					<p>0 手续费</p>
				</div>
				<div class="six2" id="qi6">
					<div class="six3" id="mianx2">免息</div>
					<p>￥656.5*6期</p>
					<p>0 手续费</p>
				</div>
				<div class="six2" id="qi12" style="border: 1px solid red; color: red;">
					<div class="six3" id="mianx3"
						style="border:1px solid #f34141; background-color: #f34141; color: white;">免息</div>
					<p>￥328.25*12期</p>
					<p>0 手续费</p>
				</div>
				<div class="six2" id="qi24">
					<div class="six3" id="mianx4">免息</div>
					<p>￥164.13*24期</p>
					<p>0 手续费</p>
				</div>
			</div>
			<div class="ma">
				<img src="../img/zifu/二维码.jpg" alt="">
				<p>打开手机<span id="text">花呗</span></p>
				<p>扫一扫继续支付</p>
			</div>
		</div>

		<div class="soo hide">
			<div class="content">
				<img src="../img/9c6f387.png" alt="" width="238px" height="50px">
				<img src="../img/login/x.png" alt="" width="24px" height="24px" style="float: right;margin-right: 290px;
		    margin-top: 20px;" id="xs">
				<input type="text" placeholder="OPPO Reno 8 " id="lol" value="">
				<button id="lkl">搜索</button>
				<div class="pop">
					<ul>
						<li class="tyt">OPPPO Reno 8</li>
						<li class="tyt">OPPO Find X5</li>
						<li class="tyt">OPPO K10</li>
						<li class="tyt">OPPO Watch3</li>
						<li class="tyt">一加 Ace</li>
					</ul>
				</div>
				<div class="opo">
					<p>搜索发现</p>
					<ul>
						<li>OPPPO Reno 8 <span>热</span></li>
						<li>OPPO Find X5 <span>热</span></li>
						<li>OPPO K10 <span>热</span></li>
						<li>OPPO Watch3 <span>热</span></li>
						<li>一加 Ace <span>热</span></li>
					</ul>
				</div>
				<div class="jk hide">
					<p><span style="color: red; border-bottom:1px solid red; padding-bottom: 8px;">综合</span><span
							style="margin-left:50px; color: rgba(0, 0, 0, 0.5);">最新</span><span
							style="margin-left:50px; color: rgba(0, 0, 0, 0.5);">价格</span>
					</p>
					<div class="jkj">
						<div class="recommend">
							<ul>
								<a href="../html/opporeno8pro+.html">
									<li style="margin-left: 15px;" title="OPPO Reno8 Pro+ 12G+256G 逍遥青 官方标配">
										<img src="../img/8pro+.png" alt="">
										<p style="color: black;">OPPO Reno8 Pro+ 12G+...</p>
										<div class="hhh" style="color: black;">满700减10</div>
										<p style="color: red; font-size: 28px; margin-top: 20px;">￥3989</p>
									</li>
								</a>
								<li title="OPPO Reno8 Pro 8G+256G 微醺 官方标配">
									<img src="../img/8pro.png" alt="">
									<p>OPPO Reno8 Pro 8G+...</p>
									<div class="hhh">满700减10</div>
									<p style="color: red; font-size: 28px; margin-top: 20px;">￥3199</p>
								</li>
								<li title="OPPO Reno7 官方标配 星雨心愿 8G+128G
		">
									<img src="../img/7.png" alt="">
									<p>OPPO Reno7 官方标配 星雨...</p>
									<div class="hhh">满700减10</div>
									<p style="color: red; font-size: 28px; margin-top: 20px;">￥2699</p>
								</li>
								<a>
									<li title="OPPO Reno7 SE 晨曦金 8G+256G">
										<img src="../img/7se.png" alt="">
										<p style="color: black;">OPPO Reno7 SE 晨曦金...</p>
										<div class="hhh" style="color: black;">满700减10</div>
										<p style="color: red; font-size: 28px; margin-top: 20px;">￥2399</p>
									</li>
								</a>
								<li title="OPPO Reno7 Pro 官方标配 暮雪金 12G+256G" style="margin-left: 15px;">
									<img src="../img/7pro.png" alt="">
									<p>OPPO Reno7 Pro 官方标配...</p>
									<div class="hhh">满700减10</div>
									<p style="color: red; font-size: 28px; margin-top: 20px;">￥3999</p>
								</li>
								<li title="OPPO Reno8 微醺 8G+128G 官方标配">
									<img src="../img/8.png" alt="">
									<p>OPPO Reno8 微醺 8G+128G...</p>
									<div class="hhh">满700减10</div>
									<p style="color: red; font-size: 28px; margin-top: 20px;">￥2499</p>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>

		<script src="../js/payment.js"></script>
	</body>
</html>
